<template>
  <div class="movie">
    <movieTitle/>
    <div class="openApp">
      <img src="img/openApp.PNG" alt="">
    </div>
    <Nav/>
    <router-view></router-view>
    <Bottombar/>
  </div>
</template>

<script>
import movieTitle from "com/movieTitle.vue"

import Nav from "com/nav.vue"

export default {
    components: {
      movieTitle,
      Nav
   
  },
  
}
</script>

<style scoped>
  *{
    margin: 0px;
    padding: 0px;
  }
  .movie{
    width: 100%;
  }
  /* .movie{
    padding: 0px 10px;
  } */
  .openApp{
    width: 100%;
  }
  .openApp img{
    width: 100%;
  }
  
  .openApp{
    position: fixed;
    top: 52px;
    width: 100%;
    z-index: 1;
  }
  
</style>